<ion-view view-title="我的关注" cache-view="false">
    <ion-nav-buttons side="left">
        <back-button></back-button>
        <a href="#/tab/search" class="btnSearch"></a>
    </ion-nav-buttons>
    <ion-content scroll-to-top="1" delegate-handle="scroller" ng-class="{'has-loading': isOffline}">
        <div class="term concern ng-hide" id="haveCare" ng-show="concernSize > 0">
            <div style="padding-bottom:15px"></div>
            <div class="panel userCare" ng-repeat="fund in items">
                <a class="jConcern icon_concern" ng-click="unCare(fund.prod_code);">关注</a>
                <h2 class="item">{{fund.prod_name}}</h2>
                <a ng-href="#/{{fund.url}}/{{fund.prod_code}}">
                    <div class="item" ng-if="0==fund.prod_profit_mode">
                        <p>七日年化收益率<em ng-class="{inc_: fund.prod_yield < 0}">{{fund.prod_yield | defNumber:4}}<sub>%</sub></em></p>
                        <p>已售份额<em>{{fund.prod_scale | defNumber:2}}<sub>亿</sub></em></p>
                    </div>

                    <div class="item" ng-if="1==fund.prod_profit_mode">
                        <p>近一年涨幅<em ng-class="{inc_: fund.price_increase_year < 0}">{{fund.price_increase_year | defNumber:2}}<sub>%</sub></em></p>
                        <p>已售份额<em>{{fund.prod_scale | defNumber:2}}<sub>亿</sub></em></p>
                    </div>

                    <div class="item" ng-if="2==fund.prod_profit_mode">
                        <p ng-if="fund.prod_catalog_mark!='otcfdsy'">预期收益率<em ng-class="{inc_: fund.prod_profit_rate < 0}">{{fund.prod_profit_rate | defNumber:2}}<sub>%</sub></em></p>
                        <p ng-if="fund.prod_catalog_mark=='otcfdsy'">预期收益率<em>{{fund.prod_profit_rate_min|defNumber:0}}<sub>%</sub>~{{fund.prod_profit_rate_max|defNumber:0}}<sub>%</sub></em></p>
                        <p ng-if="'otcfdsy'==fund.prod_catalog_mark">已售份额<em>{{fund.prod_scale | defNumber:2}}<sub>亿</sub></em></p>
                    </div>

                    <div class="item" ng-if="3==fund.prod_profit_mode">
                        <p ng-if="'fdxqszg'==fund.prod_catalog_mark">近一年涨幅<em ng-class="{inc_: fund.price_increase_year < 0}">{{fund.price_increase_year | defNumber:2}}<sub>%</sub></em></p>
                        <p ng-if="'fdxqszg'!=fund.prod_catalog_mark">预期收益率<em ng-class="{inc_: fund.prod_profit_rate < 0}">{{fund.prod_profit_rate | defNumber:2}}<sub>%</sub></em></p>
                        <p>已售份额<em>{{fund.prod_scale | defNumber:2}}<sub>亿</sub></em></p>
                    </div>
                </a>
            </div>
        </div>

        <dl class="no-concern tp" ng-show="concernSize <= 0">
            <dt>您还未关注任何产品</dt>
            <dd>您中意的产品，就在产品名称右侧+关注吧。</dd>
        </dl>
        <!-- concern -->
        <div ng-show="vm.showOther">
            <div class="tips">看看别人在关注什么</div>
            <div class="term concern" id="othersCare">
                <div class="panel" ng-repeat="fund in otherFunds">
                    <a ng-href="#/{{fund.url}}/{{fund.prod_code}}" >
                        <div class="rate">关注度：{{fund.care_count}}人</div>
                        <h2 class="item">{{fund.prod_name}}</h2>

                        <div class="item" ng-if="0==fund.prod_profit_mode">
                            <p>七日年化收益率<em ng-class="{inc_: fund.prod_yield < 0}">{{fund.prod_yield | defNumber:4}}<sub>%</sub></em></p>
                            <p>已售份额<em>{{fund.prod_scale | defNumber:2}}<sub>亿</sub></em></p>
                        </div>

                        <div class="item" ng-if="1==fund.prod_profit_mode">
                            <p>近一年涨幅<em ng-class="{inc_: fund.price_increase_year < 0}">{{fund.price_increase_year | defNumber:2}}<sub>%</sub></em></p>
                            <p>已售份额<em>{{fund.prod_scale | defNumber:2}}<sub>亿</sub></em></p>
                        </div>

                        <div class="item" ng-if="2==fund.prod_profit_mode">
                            <p ng-if="fund.prod_catalog_mark!='otcfdsy'">预期收益率<em ng-class="{inc_: fund.prod_profit_rate < 0}">{{fund.prod_profit_rate | defNumber:2}}<sub>%</sub></em></p>
                            <p ng-if="fund.prod_catalog_mark=='otcfdsy'">预期收益率<em>{{fund.prod_profit_rate_min|defNumber:0}}<sub>%</sub>~{{fund.prod_profit_rate_max|defNumber:0}}<sub>%</sub></em></p>
                            <p ng-if="'otcfdsy'==fund.prod_catalog_mark">已售份额<em>{{fund.prod_scale | defNumber:2}}<sub>亿</sub></em></p>
                        </div>

                        <div class="item" ng-if="3==fund.prod_profit_mode">
                            <p ng-if="'fdxqszg'==fund.prod_catalog_mark">近一年涨幅<em ng-class="{inc_: fund.price_increase_year < 0}">{{fund.price_increase_year | defNumber:2}}<sub>%</sub></em></p>
                            <p ng-if="'fdxqszg'!=fund.prod_catalog_mark">预期收益率<em ng-class="{inc_: fund.prod_profit_rate < 0}">{{fund.prod_profit_rate | defNumber:2}}<sub>%</sub></em></p>
                            <p>已售份额<em>{{fund.prod_scale | defNumber:2}}<sub>亿</sub></em></p>
                        </div>
                    </a>
                </div>
            </div>
        </div>


    <ion-infinite-scroll ng-if="vm.loadMore&&init" on-infinite="loadMore()" distance="1%" ></ion-infinite-scroll>
    </ion-content>
    <scroll-to-top-button animate="true">
        <a class="backTop">↑</a>
    </scroll-to-top-button>
</ion-view>